<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 响应式布局 -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link href="layui/css/layui.css" rel="stylesheet" />
	</head>
	<body>

		<div class="layui-container">
			<div class="layui-row">
				<div class="layui-col-md6">
					<table class="layui-table" lay-skin="row">
						<colgroup>
							<col width="150">
							<col width="150">
							<col>
						</colgroup>
						<thead>
							<tr>
								<th>人物</th>
								<th>民族</th>
								<th>格言</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>孔子</td>
								<td>华夏</td>
								<td>有朋自远方来，不亦乐乎</td>
							</tr>
							<tr>
								<td>孟子</td>
								<td>华夏</td>
								<td>穷则独善其身，达则兼济天下</td>
							</tr>
						</tbody>
					</table>
				</div>

				<div class="layui-col-md6">
					<table class="layui-table" lay-skin="line">
						<colgroup>
							<col width="150">
							<col width="150">
							<col>
						</colgroup>
						<thead>
							<tr>
								<th>人物</th>
								<th>民族</th>
								<th>格言</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>孔子</td>
								<td>华夏</td>
								<td>有朋自远方来，不亦乐乎</td>
							</tr>
							<tr>
								<td>孟子</td>
								<td>华夏</td>
								<td>穷则独善其身，达则兼济天下</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="layui-container">
			<div class="layui-row">
				<div class="layui-col-lg10 layui-col-lg-offset1">
					<table class="layui-table" lay-even>
						<colgroup>
							<col width="150">
							<col width="150">
							<col>
						</colgroup>
						<thead>
							<tr>
								<th>人物</th>
								<th>民族</th>
								<th>格言</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>孔子</td>
								<td>华夏</td>
								<td>有朋自远方来，不亦乐乎</td>
							</tr>
							<tr>
								<td>孟子</td>
								<td>华夏</td>
								<td>穷则独善其身，达则兼济天下</td>
							</tr>
							<tr>
								<td>孔子</td>
								<td>华夏</td>
								<td>有朋自远方来，不亦乐乎</td>
							</tr>
							<tr>
								<td>孟子</td>
								<td>华夏</td>
								<td>穷则独善其身，达则兼济天下</td>
							</tr>
							<tr>
								<td>孔子</td>
								<td>华夏</td>
								<td>有朋自远方来，不亦乐乎</td>
							</tr>
							<tr>
								<td>孟子</td>
								<td>华夏</td>
								<td>穷则独善其身，达则兼济天下</td>
							</tr>
						</tbody>
					</table>


				</div>
			</div>
		</div>


		<script src="layui/layui.js"></script>
	</body>
</html>